<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>手动测试回放界面</title>
<link rel="stylesheet" href="../../styles/css/bootstrap.min.css" />
<link rel="stylesheet" href="../../styles/css/bootstrap-dialog.css" />
<link rel="stylesheet" href="../../styles/css/jquery.shCircleLoader.css" />
<script src="../../jsplugin/jquery.min.js"></script>
<script src="../../jsplugin/bootstrap.min.js"></script>
<script src="../../jsplugin/bootstrap-dialog.js"></script>
<script src="../../jsplugin/jquery.shCircleLoader.js"></script>
<script src="../../jsplugin/jquery.shCircleLoader-min.js"></script>
</head>
<body>
	<div id="allcontent" style='float: left; width: 1900px;'>
		<!-- 自动测试内容区域 -->
		<div id="autoMaticTesting"
			style='width: 1000px; height: 763px; float: left'>
			<!-- 头部区域 -->
			<header class="header">
				<span class="Interaction"><span
					id="manual-test-platform-name">人机交互单元</span></span> 
				<audio id="bgMusic" src="" autoplay="autoplay" hidden="hidden"
					onended="playOver()"></audio>
			</header>
			<!-- ab键切换区，ic卡槽区 -->
			<div class="icCard clearfix">
				<!-- 三个圆形电源指示灯 -->
				<div class="powerIndicator">
					<div class="lightOne">
						<span class="circle"></span> <span class="title"></span>
					</div>
					<div class="lightTwo">
						<span class="circle"></span> <span class="title">电源</span>
					</div>
				</div>
			</div>
			<!-- 数据图片展示区域 -->
			<div id="imageDisplay" class="clearfix">
				<img id='imageDisplay0'>
			</div>
			<!-- 菜单按钮操作区域 -->
			<div class="menuSettingKey clearfix">
				<button class="menu" onclick="sendKey(this,1,134217728,0,0)"
					id='menu'>菜单</button>
				<button class="F1" onclick="sendKey(this,1,67108864,0,0)" id='F1'>F1</button>
				<button class="F2" onclick="sendKey(this,1,33554432,0,0)" id='F2'>F2</button>
				<button class="F3" onclick="sendKey(this,1,16777216,0,0)" id='F3'>F3</button>
				<button class="F4" onclick="sendKey(this,1,8388608,0,0)" id='F4'>F4</button>
				<button class="F5" onclick="sendKey(this,1,4194304,0,0)" id='F5'>F5</button>
				<button class="F6" onclick="sendKey(this,1,2097152,0,0)" id='F6'>F6</button>
				<button class="F7" onclick="sendKey(this,1,268435456,0,0)" id='F7'>F7</button>
				<button class="F8" onclick="sendKey(this,1,536870912,0,0)" id='F8'>F8</button>
			</div>
			<!-- 右侧属性设置区域 -->
			<!-- 右侧导航条区域 -->

			<!-- 下方的21个按钮 -->
			<div class="bottomButton" style='margin-top: -30px;'>
				<!-- 左侧喇叭 -->
				<div id="leftSpeaker">
					<img src="../../images/laba.PNG" alt="">
				</div>
				<!-- 中间按钮 -->
				<div id="centerButton">
					<!-- 第一行 -->
					<button class="red warning" onclick="sendKey(this,1,1,0,0)"
						id='warningBtn'>警惕</button>
					<div class="oneButton">
						<div class="red" onclick="sendKey(this,1,2,0,0)"
							id='centerCloseBtn'>解锁</div>
						<div class="num" onclick="sendKey(this,1,8,0,0)"
							id='centerForwardBtn'>
							<img height="36" width="63" src="../../images/car_1.jpg" alt="">
						</div>
						<div class="num" onclick="sendKey(this,1,32,0,0)"
							id='centerCanSelect'>
							<img height="36" width="62" src="../../images/car_2.jpg" alt="">
						</div>
						<div class="num" onclick="sendKey(this,1,128,0,0)"
							id='centerCarPort'>
							<img height="36" width="62.89" src="../../images/car_3.jpg"
								alt="">
						</div>
						<div class="num" onclick="sendKey(this,1,512,0,0)"
							id='centerRoadIn'>
							<img height="36" width="63" src="../../images/car_4.jpg" alt="">
						</div>
						<div class="num" onclick="sendKey(this,1,2048,0,0)"
							id='centerLocation'>
							<img height="36" width="63" src="../../images/car_5.jpg" alt="">
						</div>
						<div onclick="sendKey(this,1,8192,0,0)" id='centerModel'>模式</div>
						<div class="blue" onclick="sendKey(this,1,32768,0,0)"
							id='centerUpBtn'>↑</div>
						<div onclick="sendKey(this,1,131072,0,0)" id='centerStoreBtn'>转储</div>
						<div onclick="sendKey(this,1,524288,0,0)" id='centerSetBtn'>设定</div>
					</div>
					<div class="oneButton">
						<div class="red" onclick="sendKey(this,1,4,0,0)"
							id='centerReleaseBtn'>缓解</div>
						<div class="num" onclick="sendKey(this,1,16,0,0)"
							id='centerCanDoBtn'>
							<img height="36" width="63" src="../../images/car_6.jpg" alt="">
						</div>
						<div class="num" onclick="sendKey(this,1,64,0,0)"
							id='centerDriveBtn'>
							<img height="36" width="62" src="../../images/car_7.jpg" alt="">
						</div>

						<div class="num" onclick="sendKey(this,1,256,0,0)"
							id='centerCheckBtn'>
							<img height="36" width="63" src="../../images/car_8.jpg" alt="">
						</div>
						<div class="num" onclick="sendKey(this,1,1024,0,0)"
							id='centerOutBtn'>
							<img height="36" width="63" src="../../images/car_9.jpg" alt="">
						</div>
						<div class="num" onclick="sendKey(this,1,4096,0,0)"
							id='centerLookBtn'>
							<img height="36" width="62.89" src="../../images/car_0.jpg"
								alt="">
						</div>
						<div class="blue" onclick="sendKey(this,1,16384,0,0)"
							id='centerLeftBtn'>←</div>
						<div class="blue" onclick="sendKey(this,1,65536,0,0)"
							id='centerDownBtn'>↓</div>
						<div class="blue" onclick="sendKey(this,1,262144,0,0)"
							id='centerRightBtn'>→</div>
						<div onclick="sendKey(this,1,1048576,0,0)" id='centerOkBtn'>确认</div>
					</div>
				</div>
				<!-- 右侧喇叭 -->
				<div id="rightSpeaker">
					<img src="../../images/laba.PNG" alt="">
				</div>
			</div>
		</div>
		<!-- 手工测试操作日志 -->
		<div class='manualLogDiv' style="float: left; margin-top: 45px;">
			<iframe id='manualLogIframe' width="865px" height="718px"
				frameborder="1" scrolling="auto" src="../html/simulationLog.html"></iframe>
		</div>
	</div>
</body>
<link rel="stylesheet" href="../../styles/css/manualTestPage.css">
<script src="../js/simulationTestPage.js"></script>
<script src="../../common/myAlert.js"></script>
<script src='../js/simulationLog.js'></script>
<script src='../js/simulationValue.js'></script>
</html>